<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
</head>
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	body {
	    background-color: #FFF;
	}
	body,html {
		width: 1242px;
		height: 2208px;
		font-family: '方正兰亭黑_GBK';
	}
	@font-face {
	  font-family: "方正兰亭黑_GBK";
	  src: url("/jietu/fonts/方正兰亭黑_GBK.TTF") format("truetype");
	}
	@font-face {
	  font-family: "苹方黑体-准-简";
	  src: url("/jietu/fonts/苹方黑体-准-简.ttf") format("truetype");
	}
	#nav {
		position: relative;
	}
	#nav .left > div, #nav .right > div {
		float: left;
	}
</style>
<body>
	<section id="nav">
		<div class="left" style="position: absolute;top: 0; left: 0;">
			<div style="margin: 16px 0 0 19px;width: 48px; height: 30px; background: no-repeat url(/jietu/icons/signal-${signal}.png) center center;"></div>
			<div style="margin: 14px 0 0 12px;font-size: 34px;line-height: 34px;color:#000;">${carrier}</div>
			<div style="margin: 16px 0 0 18px;width: 46px; height: 30px; background: no-repeat url(/jietu/icons/${network}.png) center center;"></div>
		</div>
		<div style="text-align: center;padding: 16px 0 0 0;font-size: 35px;line-height: 35px;color:#000;font-family: '苹方黑体-准-简';font-weight: bold;">${time}</div>
		<div class="right" style="position: absolute;top: 0; right: 0;margin-right: 16px;">
		    <#if withLock>
			<div style="margin: 18px 22px 0 0;width: 34px; height: 30px; background-image: url(/jietu/icons/lock.png);"></div>
			</#if>
			<#if withGps>
			<div style="margin: 20px 22px 0 0;width: 28px; height: 28px; background-image: url(/jietu/icons/gps.png);"></div>
			</#if>
			<#if withAlarmClock>
			<div style="margin: 20px 22px 0 0;width: 28px; height: 28px; background-image: url(/jietu/icons/alarm-clock.png);"></div>
			</#if>
			<div style="margin: 15px 0 0 0;width: 78px; height: 34px; background-image: url(/jietu/icons/${power}.png);"></div>
		</div>
	</section>
	<section style="padding: 40px 48px 0 48px;">
		<p style="color:#108EE9; text-align: right;font-size: 46px;">完成</p>
		<p style="background-image: url(/jietu/logo2.png);height:132px;width: 133px;margin: 30px auto 0 auto;"></p>
		<p style="margin-top:32px;text-align: center;font-size: 48px;color:#108EE9;">支付成功</p>
		<p style="margin-top:130px;text-align: center;">
			<span style="font-size: 50px;color: #000;font-family: 苹方黑体-准-简;">￥</span><strong style="font-size: 100px;color: #333;">${amount}</strong>
		</p>
		<div style="margin-top: 168px;overflow: hidden;">
			<div style="float: left;width: 50%;text-align: center;font-size: 42px;color:#999;">收款方</div>
			<div style="float: left;width: 50%;text-align: center;font-size: 42px;color:#999;">收款金额</div>
		</div>
		<div style="margin-top: 64px;overflow: hidden;">
			<div style="float: left;width: 50%;text-align: center;font-size: 42px;color:#000;">${payee}</div>
			<div style="float: left;width: 50%;text-align: center;font-size: 42px;color:#000;font-weight: bold;font-family: 苹方黑体-准-简;">￥${amount}</div>
		</div>
		<div style="margin-top: 110px;overflow: hidden;">
			<p style="float: left;text-align: left;font-size: 42px;color:#999;">付款方式</p>
			<p style="float: right;text-align: right;font-size: 42px;color:#333;">${payMethod}</p>
		</div>
	</section>
	<section style="margin: 57px 0 0 0;height: 1px; background-color: #EEE;">
		
	</section>
	<section>
	    <#if showPh1>
	    <div style="overflow:hidden;">
	        <div style="background-image: url(/jietu/${ph1}.png);height: 422px;width: 832px;margin: 70px auto 48px auto;"></div>
	    </div>
	    </#if>
	    <#if showPh2>
		<div style="overflow:hidden;">
		    <img style="width: 1146px;margin: 48px auto; display:block;" src="/jietu/${ph2}.png" />
		</div>
		</#if>
	</section>
</body>
</html>